Pada 3 Juli 1187 Shalahuddin dan pasukannya mengepung wilayah Tiberias, sementara Pasukan Salib sedang mengadakan persiapan untuk menyerang Daulah Ayyubiyah. Mendengar hal itu, Shalahuddin langsung bertolak menuju pusat pemerintahannya di Kafr Sabt –sebuah daerah di Utara Palestina-. Ia meninggalkan pasukannya di Tiberias, dan memerintahkan pasukannya yang lain untuk mencegat Pasukan Salib di wilayah Hattin. 4 Juli 1187, terjadilah peperangan besar antara Shalahuddin dan pasukannya dengan tentara Salib, perang yang terjadi di saat kaum muslimin berpuasa ini dikenal dengan Perang Hattin.

Pada perang ini, sebanyak 20.000 tentara Salib berhasil ditundukkan, di antara mereka ada yang mati kehausan dan kepanasan. Sedangkan Raja Jerusalem yang memimpin Pasukan Salib di perang ini, Guy de Lusignan, berhasil ditawan. Shalahuddin adalah pria yang penuh adab dan keramahan, ia memperlakukan tawanannya yang terhormat ini dengan penuh adab, tidak seperti yang digambarkan oleh sebagian pihak. Adapun tawanan seperti Reginald dari Chaliton yang berhianat dengan merusak perdamaian dieksekusi sebagai bayaran dari perbuatannya. Demikian juga dengan seluruh ksatria gereja dan pasukan elit Kristen, semua dieksekusi di depan khalayak.

Kekalahan di Hattin telah memangkas gerak penyebaran Pasukan Salib di Timut Tengah dan juga mengakibatkan Jerusalem kehilangan sebagian pasukannya. Kondisi ini benar-benar dimanfaatkan Shalahuddin untuk terus menekan Pasukan Salib. Terbukti, empat hari setelah perang itu, Shalahuddin mengajak kaum muslimin bersatu memerangi tentara Salib dan mengusir mereka dari tanah Palestina. Ia mengumpulkan semua pasukannya dari berebagai desament menuju tanah suci Jerusalem dengan tujuan membebaskannya.

Pada bulan Agustus 1187, pasukan besar ini telah berhasil menaklukkan Ramalah, Gaza, Bayt Jibrin, dan Laturn. Kemudian pada 2 Oktober 1187, barulah Shalahuddin bersama pasukannya berhasil membebaskan Jerusalem setelah berunding dengan penguasanya, Balian dari Ibelin. Saat itu lantunan adzan dari Masjid al-Aqsha menggantikan dentang lonceng gereja yang biasa menggema di Jerusalem.